<template>
    <!-- <nav class="navbar navbar-toggleable-md navbar-inverse navbar-dark bg-inverse"> -->
    <!-- <nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark"> -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: #404040;">
        <a
            class="navbar-brand"
            href="#"
        >
        <!-- iQUANT: Interactive Quantitative Investment Using Sparse Regression Factors -->
        <!-- Interactive Multi-Factors Display Platform -->
        <!-- OpenQuant: Democratizing Factor Investment by Visual Analysis -->
        RankFIRST: Visual Analysis for Factor Investment by Ranking Stock Timeseries
        </a>
    </nav>
</template>
<style scoped>
.navbar-brand {
    padding-left: 1%;
    /* font-size: x-large; */
    font-size: 34px;
    font-weight: bold;
}

.navbar-light .navbar-brand {
    color: rgb(255 255 255 / 100%);
}
.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}
</style>
<script>
    export default {
        name: 'NavBar',
        data() {
            return {
                
            }
        }
    }
</script>


